.taier__lineTo {
	width: 100%;
	display: grid;
	grid-template-columns: 230px 1fr 230px;

	foreignObject:focus {
		outline: none;
	}

	.taier__lintTo__source,
	.taier__lintTo__svg,
	.taier__lintTo__target {
		width: 100%;
		height: 100%;
	}

	.taier__lintTo__svg {
		width: calc(100% + 20px);
		transform: translateX(-10px);
		color: var(--list-focusOutline);
		position: relative;
		z-index: 999;
	}

	.taier__lintTo__point {
		cursor: crosshair;
	}

	.taier__lintTo__line {
		cursor: pointer;
	}

	.taier__lineTo__tooltip {
		pointer-events: none;

		.taier__lintTo__tooltip__content {
			background: #000;
			border-radius: 2px;
			box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
			color: #fff;
			display: none;
			height: 28px;
			line-height: 28px;
			opacity: 0.7;
			position: absolute;
			width: 60px;
			text-align: center;
		}
	}
}
